<!-- 
  - 页头。内容为：
  -   1. 置顶通知信息
  -   2. 导航栏
 -->

<!--
  - 视图层
 -->
<template>

<!-- 置顶通知信息容器 -->
<view>
  <!-- 顶部通知-通告栏视图（显示图标+可关闭+文字滚动） -->
  <!-- 
  <uni-notice-bar
    text="还没做完。"
    show-icon :scrollable="false"
  />
  -->
</view>

<!-- 第1行导航栏按钮 -->
<view>
  <button
    @click="goToPage('/index')"
    type="primary" size="mini" :plain="false"
    :disabled="false"
  >
    首页
  </button>

  <button
    @click="promote()"
    type="primary" size="mini" :plain="false"
    :disabled="false"
  >
    友链 / 广告位
  </button>

  <!--  
  <button
    @click="goToPage('test')"
    type="primary" size="mini" :plain="false"
    :disabled="false"
  >
    测试页面
  </button>
  -->
</view>

</template>

<!--
  - 逻辑层
-->
<script setup>
// 从入口文件引入各类全局方法
import { goToPage } from "@/assets/app-utils.js"

function promote() {
  // 弹出提示框
  uni.showModal({
    showCancel: false,
    title: "项目合作？",
    content: "互加友链 / 项目合作 / 商业推广，\n欢迎联系我们！",
  })
}

</script>
